<template>
    <div>
        {{ name }}
        {{ age }}
        {{ postTitle }}
        <ul>
            <li v-for="(v, k) in address" :key="k">{{ v }}</li>
        </ul>

        <button @click="sendStudent">点我传递学生信息</button>

    </div>

    <!--  props适用于：
            父组件 ==> 子组件 通信
            子组件 ==> 父组件 通信（要求父组件先给子组件一个函数）
            使用v-model时要切记：v-model绑定的值不能是props传过来的值，因为props是不可以修改的
            props传过来的若是对象类型的值，修改对象中的属性时Vue不会报错，但不推荐这样做
    -->
</template>

<script>
export default {
    name: 'HelloProp',
    //简单申明接收
    props: ['age', 'postTitle', 'address','getStudentMessag'],
    //接收同时限制类型
    /* props: {
        title: String,
        likes: Number,
        isPublished: Boolean,
        commentIds: Array,
        author: Object,
        callback: Function,
        contactsPromise: Promise // or any other constructor
    } */

    data() {
        return {
            //没有在 props 中申明的 会在$attrs中
            name: this.$attrs.name
        }
    },
    methods: {
        sendStudent() {
            this.getStudentMessag(this.name, this.age);
        }
    }


}
</script>

